﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="miCuenta.aspx.cs" Inherits="Cuenta_miCuenta" %>

<%@ Register Src="../UserControl/ucImagenPerfil.ascx" TagName="ucImagen" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <script src="../Scripts/jQuery-File-Upload/jquery.uploadfile.js" type="text/javascript"></script>
    <link href="../Scripts/jQuery-File-Upload/uploadfile.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/Jcrop/js/jquery.Jcrop.js" type="text/javascript"></script>
    <link href="../Scripts/Jcrop/css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("#lnkModificar").click(function () {
                $("#popup").dialog({ appendTo: "form", resizable: false, width: 500, modal: true });
            });
            $(function ($) {
                $.datepicker.regional['es'] = {
                    closeText: 'Cerrar',
                    prevText: '<Ant',
                    nextText: 'Sig>',
                    currentText: 'Hoy',
                    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                    monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                    dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                    dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
                    dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
                    weekHeader: 'Sm',
                    dateFormat: 'dd/mm/yy',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''
                };
                $.datepicker.setDefaults($.datepicker.regional['es']);
            });

            $("#<%=txtFechaNacimiento.ClientID %>").datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: "-100:+0"
            });


            $("#mulitplefileuploader").uploadFile({
                url: '<%= ResolveUrl("~/uploadHandler.ashx") %>',
                method: "POST",
                showDone: false,
                showStatusAfterSuccess: false,
                allowedTypes: "jpg,png,gif"
            });

            $('#<%=imgUpload.ClientID%>').Jcrop({
                onSelect: SelectCropArea,
                aspectRatio: 1
            });
        });
        function SelectCropArea(c) {
            $('#<%=X.ClientID%>').val(parseInt(c.x));
            $('#<%=Y.ClientID%>').val(parseInt(c.y));
            $('#<%=W.ClientID%>').val(parseInt(c.w));
            $('#<%=H.ClientID%>').val(parseInt(c.h));
        }

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container">
        <table width="100%">
            <tr>
                <td valign="top">
                    <table>
                        <tr>
                            <td class="ui-state-highlight ui-widget-content ui-corner-all ui-state-active">
                                Preguntas
                            </td>
                        </tr>
                        <tr>
                            <td class="bold">
                                <asp:LinkButton ID="lnkPreguntasRecibidas" CssClass="boton" runat="server" OnClick="lnkPreguntasRecibidas_Click">Recibidas</asp:LinkButton>
                            </td>
                        </tr>
                        <tr>
                            <td class="bold">
                                <asp:LinkButton ID="lnkPreguntasRealizadas" CssClass="boton" runat="server" OnClick="lnkPreguntasRealizadas_Click">Realizadas</asp:LinkButton>
                            </td>
                        </tr>
                    </table>
                </td>
                <td valign="top">
                    <table>
                        <tr>
                            <td class="ui-state-highlight ui-widget-content ui-corner-all ui-state-active">
                                Mi Perfil
                            </td>
                        </tr>
                        <tr>
                            <td class="bold">
                                Apellido
                                <asp:Label ID="lblApellido" runat="server"></asp:Label><br />
                                Nombre
                                <asp:Label ID="lblNombre" runat="server"></asp:Label><br />
                                FechaNacimiento
                                <asp:Label ID="lblFechaNacimiento" runat="server"></asp:Label><br />
                                Sexo
                                <asp:Label ID="lblSexo" runat="server"></asp:Label><br />
                                Telefono
                                <asp:Label ID="lblTelefono" runat="server"></asp:Label>
                                <br />
                                Tema :
                                <asp:Label ID="lblTema" runat="server"></asp:Label>
                                <br />
                                <span id="lnkModificar" class="boton">Modificar</span>
                                <br />
                            </td>
                        </tr>
                    </table>
                </td>
                <td valign="top">
                    <table>
                        <tr>
                            <td class="ui-state-highlight ui-widget-content ui-corner-all ui-state-active">
                                Calificar
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <table width="100%">
                                        <tr>
                                            <td width="80%">
                                                <ul id="menu" role="menu" class="ui-menu ui-widget ui-widget-content">
                                                    <asp:Repeater ID="rptPostulaciones" runat="server">
                                                        <ItemTemplate>
                                                            <li role="menuitem" class="ui-menu-item"><a href="<%# ResolveUrl("~/Publicaciones/Calificar.aspx?Ic=") +  DataBinder.Eval(Container.DataItem, "Id") %>">
                                                                <%# DataBinder.Eval(Container.DataItem, "Postulacion.Titulo")%></a></li>
                                                        </ItemTemplate>
                                                    </asp:Repeater>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td valign="top" colspan="3">
                    <div id="mulitplefileuploader">
                        Cambiar Imagen</div>
                    <div id="status">
                        <asp:Image ID="imgUpload" runat="server" />
                    </div>
                    <asp:HiddenField ID="X" runat="server" />
                    <asp:HiddenField ID="Y" runat="server" />
                    <asp:HiddenField ID="W" runat="server" />
                    <asp:HiddenField ID="H" runat="server" />
                    &nbsp;
                    <asp:Button ID="btnUpload" runat="server" Text="Recortar" OnClick="btnUpload_Click" />
                </td>
            </tr>
        </table>
        <div id="popup" style="display: none;" title="Mi Perfil">
            Apellido
            <asp:TextBox ID="txtApellido" runat="server"></asp:TextBox><br />
            Nombre
            <asp:TextBox ID="txtNombre" runat="server"></asp:TextBox><br />
            FechaNacimiento
            <asp:TextBox ID="txtFechaNacimiento" runat="server"></asp:TextBox><br />
            Sexo&nbsp;
            <asp:DropDownList ID="cboSexo" runat="server">
                <asp:ListItem Value="M">Masculino</asp:ListItem>
                <asp:ListItem Value="F">Femenino</asp:ListItem>
            </asp:DropDownList>
            <br />
            Telefono
            <asp:TextBox ID="txtTelefono" runat="server"></asp:TextBox><br />
            FechaModificacion Tema :
            <asp:DropDownList ID="cboTema" runat="server">
                <asp:ListItem>1</asp:ListItem>
                <asp:ListItem>2</asp:ListItem>
                <asp:ListItem>3</asp:ListItem>
                <asp:ListItem>4</asp:ListItem>
                <asp:ListItem>5</asp:ListItem>
                <asp:ListItem>6</asp:ListItem>
                <asp:ListItem>7</asp:ListItem>
                <asp:ListItem>8</asp:ListItem>
                <asp:ListItem>9</asp:ListItem>
                <asp:ListItem>10</asp:ListItem>
            </asp:DropDownList>
            <asp:LinkButton ID="linkAceptar" CssClass="BotonNaranja" runat="server" OnClick="linkAceptar_Click">Aceptar</asp:LinkButton>
        </div>
        <div class="row active">
            <asp:Repeater ID="rptMisRecomendados" runat="server">
                <HeaderTemplate>
                    <h1>
                        Quienes yo Recomiendo</h1>
                </HeaderTemplate>
                <ItemTemplate>
                    <uc1:ucImagen IdUsuario='<%# DataBinder.Eval(Container.DataItem, "Postulacion.IdUsuario") %>'
                        ID="ucImagen1" runat="server" />
                </ItemTemplate>
            </asp:Repeater>
            <asp:Repeater ID="rptMeRecomiendan" runat="server">
                <HeaderTemplate>
                    <h1>
                        Quienes Me Recomiendan</h1>
                </HeaderTemplate>
                <ItemTemplate>
                    <uc1:ucImagen IdUsuario='<%# DataBinder.Eval(Container.DataItem, "IdUsuario") %>'
                        ID="ucImagen1" runat="server" />
                </ItemTemplate>
            </asp:Repeater>
        </div>
</asp:Content>
